{% extends "personal_center/blank-page.html" %}

{% block page_link %}
{#    <script src="../../static/administrative/js/base.js"></script>#}
{% endblock %}


{% block style %}
    <style>
        .add_class{
            background: #1E90FF;
        }
    </style>
{% endblock %}


{% block left_body %}
    <ul style="width: 100%;padding:0;height: 100%;">
        <li id="administrative-home" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;display: none;">
            <a href="home.html" style="color: white;display:block;width: 100%;">
                <div style="display: inline-block;width: 30%;text-align: right;">
                    <i class="iconfont icon-gerenmenhu"></i>
                </div>
                <div style="display: inline-block;width: 60%;text-align: left;">
                    <p style="margin-left: 2%;">行政首页</p>
                </div>
            </a>
        </li>

        <li id="organizational_management" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;" onclick="click_ul()">
            <a href="#" style="color: white;display:block;width: 100%;padding: 0;">
                <div style="display: inline-block;width: 30%;text-align: right;">
                    <i class="iconfont icon-gongwenguanli"></i>
                </div>
                <div style="display: inline-block;width: 60%;text-align: left;">
                    <p style="margin-left: 2%;display: inline-block;">公文管理</p>
                    <i id="jiantou" style="float: right;margin-right: 10%;" class="iconfont icon-jiantou-shang"></i>
                </div>
            </a>
        </li>
        <ul id="organizational_management_ul" style="width: 100%;padding:0;text-align: right;">
{#            <li style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;" onclick="click_ul_10()">#}
{#                <div style="display: inline-block;width: 30%;text-align: right;">#}
{#                </div>#}
{#                <div style="display: inline-block;width: 60%;text-align: left;color: white;">#}
{#                    <p style="margin-left: 2%;display: inline-block;cursor: pointer;">内部发文</p>#}
{#                    <i id="jiantou4" style="float: right;margin-right: 10%;" class="iconfont icon-jiantou-xia"></i>#}
{#                </div>#}
{#            </li>#}
{#            <ul style="width: 100%;padding:0;text-align: right;" id="dispatch-Administrator">#}
                <li id="document" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;display: none;">
                    <a href="dispatch.html" style="color: white;padding: 0;">
                        <div style="display: inline-block;width: 30%;text-align: right;">
                        </div>
                        <div style="display: inline-block;width: 60%;text-align: left;">
                            <p style="margin-left: 2%;">公文发文</p>
                        </div>
                    </a>
                </li>
                <li id="my_draft" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;display: none;">
                    <a href="my_draft.html" style="color: white;padding: 0;">
                        <div style="display: inline-block;width: 30%;text-align: right;">
                        </div>
                        <div style="display: inline-block;width: 60%;text-align: left;">
                            <p style="margin-left: 2%;">我的拟稿</p>
                        </div>
                    </a>
                </li>
                <li id="collected-document" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;">
                    <a href="collected_document.html" style="color: white;padding: 0;">
                        <div style="display: inline-block;width: 30%;text-align: right;">
                        </div>
                        <div style="display: inline-block;width: 60%;text-align: left;">
                            <p style="margin-left: 2%;">待收公文</p>
                        </div>
                    </a>
                </li>

                <li id="received-document" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;">
                    <a href="received_document.html" style="color: white;padding: 0;">
                        <div style="display: inline-block;width: 30%;text-align: right;">
                        </div>
                        <div style="display: inline-block;width: 60%;text-align: left;">
{#                            <p style="margin-left: 2%;">已收公文<span class="badge" style="border-radius: 50%;background: white;color: #1E90FF;margin-left: 5px;">3</span></p>#}
                            <p style="margin-left: 2%;">已收公文</p>
                        </div>
                    </a>
                </li>
                <li id="todo-document" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;display: none;">
                    <a href="todo_document.html" style="color: white;padding: 0;">
                        <div style="display: inline-block;width: 30%;text-align: right;">
                        </div>
                        <div style="display: inline-block;width: 60%;text-align: left;">
                            <p style="margin-left: 2%;">待办公文</p>
                        </div>
                    </a>
                </li>

                <li id="have-office" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;display: none;">
                    <a href="have_office.html" style="color: white;padding: 0;">
                        <div style="display: inline-block;width: 30%;text-align: right;">
                        </div>
                        <div style="display: inline-block;width: 60%;text-align: left;">
                            <p style="margin-left: 2%;">已办公文</p>
                        </div>
                    </a>
                </li>
                <li id="dispatch-monitoring" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;display: none;">
                    <a href="dispatch_monitoring.html" style="color: white;padding: 0;">
                        <div style="display: inline-block;width: 30%;text-align: right;">
                        </div>
                        <div style="display: inline-block;width: 60%;text-align: left;">
                            <p style="margin-left: 2%;">发文监控</p>
                        </div>
                    </a>
                </li>
                <li id="document-template" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;display: none;">
                    <a href="document_template.html" style="color: white;padding: 0;">
                        <div style="display: inline-block;width: 30%;text-align: right;">
                        </div>
                        <div style="display: inline-block;width: 60%;text-align: left;">
                            <p style="margin-left: 2%;">公文模版</p>
                        </div>
                    </a>
                </li>
                <li id="document-number" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;display: none;">
                    <a href="document_number.html" style="color: white;padding: 0;">
                        <div style="display: inline-block;width: 30%;text-align: right;">
                        </div>
                        <div style="display: inline-block;width: 60%;text-align: left;">
                            <p style="margin-left: 2%;">公文编号</p>
                        </div>
                    </a>
                </li>
{#            </ul>#}

{#            <li style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;" onclick="click_ul_9()">#}
{#                <div style="display: inline-block;width: 30%;text-align: right;">#}
{#                </div>#}
{#                <div style="display: inline-block;width: 60%;text-align: left;color: white;">#}
{#                    <p style="margin-left: 2%;display: inline-block;cursor: pointer;">上级来文</p>#}
{#                    <i id="jiantou5" style="float: right;margin-right: 10%;" class="iconfont icon-jiantou-shang"></i>#}
{#                </div>#}
{#            </li>#}
{#            <ul style="width: 100%;padding:0;text-align: right;display: none;" id="dispatch-Administrator-1">#}
{#                <li id="Document_addressee" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;display: none;">#}
{#                    <a href="Document_addressee.html" style="color: white;padding: 0;">#}
{#                        <div style="display: inline-block;width: 40%;text-align: right;">#}
{#                        </div>#}
{#                        <div style="display: inline-block;width: 50%;text-align: left;">#}
{#                            <p style="margin-left: 2%;">公文送呈</p>#}
{#                        </div>#}
{#                    </a>#}
{#                </li>#}
{#                <li id="addressee_draft" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;display: none;">#}
{#                    <a href="addressee_draft.html" style="color: white;padding: 0;">#}
{#                        <div style="display: inline-block;width: 40%;text-align: right;">#}
{#                        </div>#}
{#                        <div style="display: inline-block;width: 50%;text-align: left;">#}
{#                            <p style="margin-left: 2%;">我的拟稿</p>#}
{#                        </div>#}
{#                    </a>#}
{#                </li>#}
{#                <li id="Documents_collected" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;">#}
{#                    <a href="be_collected.html" style="color: white;padding: 0;">#}
{#                        <div style="display: inline-block;width: 40%;text-align: right;">#}
{#                        </div>#}
{#                        <div style="display: inline-block;width: 50%;text-align: left;">#}
{#                            <p style="margin-left: 2%;">待收公文</p>#}
{#                        </div>#}
{#                    </a>#}
{#                </li>#}
{##}
{#                <li id="Received_official_document" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;">#}
{#                    <a href="Received_official.html" style="color: white;padding: 0;">#}
{#                        <div style="display: inline-block;width: 40%;text-align: right;">#}
{#                        </div>#}
{#                        <div style="display: inline-block;width: 50%;text-align: left;">#}
{#                            <p style="margin-left: 2%;">已收公文</p>#}
{#                        </div>#}
{#                    </a>#}
{#                </li>#}
{#                <li id="official_document" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;display: none;">#}
{#                    <a href="addressee_to_do.html" style="color: white;padding: 0;">#}
{#                        <div style="display: inline-block;width: 40%;text-align: right;">#}
{#                        </div>#}
{#                        <div style="display: inline-block;width: 50%;text-align: left;">#}
{#                            <p style="margin-left: 2%;">待办公文</p>#}
{#                        </div>#}
{#                    </a>#}
{#                </li>#}
{##}
{#                <li id="have_office" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;display: none;">#}
{#                    <a href="already_do_addressee.html" style="color: white;padding: 0;">#}
{#                        <div style="display: inline-block;width: 40%;text-align: right;">#}
{#                        </div>#}
{#                        <div style="display: inline-block;width: 50%;text-align: left;">#}
{#                            <p style="margin-left: 2%;">已办公文</p>#}
{#                        </div>#}
{#                    </a>#}
{#                </li>#}
{#                <li id="addressee_monitoring" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;display: none;">#}
{#                    <a href="addressee_monitoring.html" style="color: white;padding: 0;">#}
{#                        <div style="display: inline-block;width: 40%;text-align: right;">#}
{#                        </div>#}
{#                        <div style="display: inline-block;width: 50%;text-align: left;">#}
{#                            <p style="margin-left: 2%;">收文监控</p>#}
{#                        </div>#}
{#                    </a>#}
{#                </li>#}
{#            </ul>#}
        </ul>

        <li id="gebruikersrol" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;" onclick="click_ul1()">
            <a href="#" style="color: white;display:block;width: 100%;padding: 0;">
                <div style="display: inline-block;width: 30%;text-align: right;">
                    <i class="iconfont icon-cheliangguanli"></i>
                </div>
                <div style="display: inline-block;width: 60%;text-align: left;">
                    <p style="margin-left: 2%;display: inline-block;">车辆管理</p>
                    <i id="jiantou1" style="float: right;margin-right: 10%;" class="iconfont icon-jiantou-shang"></i>
                </div>
            </a>
        </li>
        <ul id="gebruikersrol_ul" style="display: none;width: 100%;padding:0;text-align: right;">
            <li id="vehicle_reservation" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;">
                <a href="vehicle_reservation.html" style="color: white;padding: 0;">
                    <div style="display: inline-block;width: 30%;text-align: right;">
                    </div>
                    <div style="display: inline-block;width: 60%;text-align: left;">
                        <p style="margin-left: 2%;">用车申请</p>
                    </div>
                </a>
            </li>
            <li id="my-application" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;">
                <a href="Vehicle_apply_list?page=1" style="color: white;padding: 0;">
                <div style="display: inline-block;width: 30%;text-align: right;">
                    </div>
                    <div style="display: inline-block;width: 60%;text-align: left;">
                        <p style="margin-left: 2%;">流程管理</p>
                    </div></a>
{#                <a style="color: white;padding: 0;" href="{% url 'administrative:Vehicle_apply_list' 1 %}"><div style="display: inline-block;width: 60%;text-align: left;">#}
{#                        <p style="margin-left: 2%;">我的申请</p>#}
{#                    </div></a>#}
            </li>
            <li id="my_finished" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;">
                <a href="Vehicle_to_do.html" style="color: white;padding: 0;">
                <div style="display: inline-block;width: 30%;text-align: right;">
                    </div>
                    <div style="display: inline-block;width: 60%;text-align: left;">
                        <p style="margin-left: 2%;">我的待办</p>
                    </div></a></li>
            <li id="my_to_do" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;display: none;">
                <a href="finished_process.html" style="color: white;padding: 0;">
                <div style="display: inline-block;width: 30%;text-align: right;">
                    </div>
                    <div style="display: inline-block;width: 60%;text-align: left;">
                        <p style="margin-left: 2%;">我的已办</p>
                    </div></a></li>
            <li id="vehicle-information" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;display: none;">
                <a href="vehicle_information.html" style="color: white;padding: 0;">
                    <div style="display: inline-block;width: 30%;text-align: right;"></div>
                    <div style="display: inline-block;width: 60%;text-align: left;">
                        <p style="margin-left: 2%;">车辆信息</p>
                    </div>
                </a>
            </li>
        </ul>

        <li id="meeting_management" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;" onclick="click_ul2()">
            <a href="#" style="color: white;display:block;width: 100%;padding: 0;">
                <div style="display: inline-block;width: 30%;text-align: right;">
                    <i class="iconfont icon-huiyiguanli"></i>
                </div>
                <div style="display: inline-block;width: 60%;text-align: left;">
                    <p style="margin-left: 2%;display: inline-block;">会议管理</p>
                    <i id="jiantou2" style="float: right;margin-right: 10%;" class="iconfont icon-jiantou-shang"></i>
                </div>
            </a>
        </li>
        <ul id="meeting_management_ul" style="display: none;width: 100%;padding:0;text-align: right;">

            <li id="meeting_reservation" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;">
                <a href="meeting_reservation.html" style="color: white;padding: 0;">
                    <div style="display: inline-block;width: 30%;text-align: right;">
                    </div>
                    <div style="display: inline-block;width: 60%;text-align: left;">
                        <p style="margin-left: 2%;">会议预定</p>
                    </div>
                </a>
            </li>

            <li id="my_meeting" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;">
                <a href="my_meeting.html" style="color: white;padding: 0;">
                    <div style="display: inline-block;width: 30%;text-align: right;">
                    </div>
                    <div style="display: inline-block;width: 60%;text-align: left;">
                        <p style="margin-left: 2%;">我的申请</p>
                    </div>
                </a>
            </li>
            <li id="my_meeting_to_do" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;">
                <a href="meeting_backlog.html" style="color: white;padding: 0;">
                    <div style="display: inline-block;width: 30%;text-align: right;">
                    </div>
                    <div style="display: inline-block;width: 60%;text-align: left;">
                        <p style="margin-left: 2%;">我的待办</p>
                    </div>
                </a>
            </li>
            <li id="my_have_to_do" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;display: none;">
                <a href="meeting_ready.html" style="color: white;padding: 0;">
                    <div style="display: inline-block;width: 30%;text-align: right;">
                    </div>
                    <div style="display: inline-block;width: 60%;text-align: left;">
                        <p style="margin-left: 2%;">我的已办</p>
                    </div>
                </a>
            </li>
            <li id="meeting-calendar" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;display: none;">
                <a href="meeting_calendar.html" style="color: white;padding: 0;">
                    <div style="display: inline-block;width: 30%;text-align: right;">
                    </div>
                    <div style="display: inline-block;width: 60%;text-align: left;">
                        <p style="margin-left: 2%;">会议知会</p>
                    </div>
                </a>
            </li>
            <li id="meeting_room" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;display: none;">
                <a href="meeting_room.html" style="color: white;padding: 0;">
                    <div style="display: inline-block;width: 30%;text-align: right;">
                    </div>
                    <div style="display: inline-block;width: 60%;text-align: left;">
                        <p style="margin-left: 2%;">会议室管理</p>
                    </div>
                </a>
            </li>
        </ul>


        <li id="issue_approval" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;" onclick="click_ul3()">
            <a href="#" style="color: white;display:block;width: 100%;padding: 0;">
                <div style="display: inline-block;width: 30%;text-align: right;">
                    <i class="iconfont icon-huiyiguanli"></i>
                </div>
                <div style="display: inline-block;width: 60%;text-align: left;">
                    <p style="margin-left: 2%;display: inline-block;">议题审批</p>
                    <i id="jiantou3" style="float: right;margin-right: 10%;" class="iconfont icon-jiantou-shang"></i>
                </div>
            </a>
        </li>
        <ul id="issue_approval_ul" style="display: none;width: 100%;padding:0;text-align: right;">
            <li id="issue" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;">
                <a href="choose_issue.html" style="color: white;padding: 0;">
                    <div style="display: inline-block;width: 30%;text-align: right;">
                    </div>
                    <div style="display: inline-block;width: 60%;text-align: left;">
                        <p style="margin-left: 2%;">新增审批</p>
                    </div>
                </a>
            </li>
            <li id="my_issue" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;">
                <a href="my_issue.html" style="color: white;padding: 0;">
                    <div style="display: inline-block;width: 30%;text-align: right;">
                    </div>
                    <div style="display: inline-block;width: 60%;text-align: left;">
                        <p style="margin-left: 2%;">我的申请</p>
                    </div>
                </a>
            </li>
            <li id="pending_approval" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;">
                <a href="pending_approval.html" style="color: white;padding: 0;">
                    <div style="display: inline-block;width: 30%;text-align: right;">
                    </div>
                    <div style="display: inline-block;width: 60%;text-align: left;">
                        <p style="margin-left: 2%;">我的待办</p>
                    </div>
                </a>
            </li>
            <li id="approved" style="list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;display: none;">
                <a href="approved.html" style="color: white;padding: 0;">
                    <div style="display: inline-block;width: 30%;text-align: right;">
                    </div>
                    <div style="display: inline-block;width: 60%;text-align: left;">
                        <p style="margin-left: 2%;">已办审批</p>
                    </div>
                </a>
            </li>
            <li id="all_issue" style="display:none;list-style-type: none;width: 100%;height: 40px;line-height: 40px;padding: 0;">
                <a href="all_issue.html" style="color: white;padding: 0;">
                    <div style="display: inline-block;width: 30%;text-align: right;">
                    </div>
                    <div style="display: inline-block;width: 60%;text-align: left;">
                        <p style="margin-left: 2%;">所有审批</p>
                    </div>
                </a>
            </li>

        </ul>
    </ul>
{% endblock %}


{% block right_content %}

{% endblock %}
